<template>
	<view class="hs-panel">
		<view class="hs-panel-head">
			<view class="title">酒店协议</view>
		</view>
		<view class="hs-panel-body">
			<view class="hs-list-item">
				<view class="hs-list-item-left">餐标</view>
				<view class="hs-list-item-right">{{hotelProtocol.table_price}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">桌数</view>
				<view class="hs-list-item-right">{{hotelProtocol.table_amount}}</view>
			</view>
			<view class="hs-table">
				<view class="hs-table-row">
					<view class="hs-table-col title">项目</view>
					<view class="hs-table-col center">数量</view>
					<view class="hs-table-col center">价格</view>
				</view>
				<view class="hs-table-row">
					<view class="hs-table-col title">婚房</view>
					<view class="hs-table-col center">{{hotelProtocol.wedding_room_amount}}</view>
					<view class="hs-table-col center">{{hotelProtocol.wedding_room}}</view>
				</view>
				<view class="hs-table-row">
					<view class="hs-table-col title">停车位</view>
					<view class="hs-table-col center">{{hotelProtocol.part_amount}}</view>
					<view class="hs-table-col center">{{hotelProtocol.part}}</view>
				</view>
				<view class="hs-table-row">
					<view class="hs-table-col title">香槟</view>
					<view class="hs-table-col center">{{hotelProtocol.champagne_amount}}</view>
					<view class="hs-table-col center">{{hotelProtocol.champagne}}</view>
				</view>
				<view class="hs-table-row">
					<view class="hs-table-col title">茶歇</view>
					<view class="hs-table-col center">{{hotelProtocol.tea_amount}}</view>
					<view class="hs-table-col center">{{hotelProtocol.tea}}</view>
				</view>
				<view class="hs-table-row">
					<view class="hs-table-col title">蛋糕</view>
					<view class="hs-table-col center">{{hotelProtocol.cake_amount}}</view>
					<view class="hs-table-col center">{{hotelProtocol.cake}}</view>
				</view>				
			</view>

			<view class="hs-list-item">
				<view class="hs-list-item-left">合同总金额</view>
				<view class="hs-list-item-right">{{hotelProtocol.pay_hotel_totals}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">定金付款日期</view>
				<view class="hs-list-item-right">{{hotelProtocol.earnest_money_date}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">定金付款金额</view>
				<view class="hs-list-item-right">{{hotelProtocol.earnest_money}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">中款付款日期</view>
				<view class="hs-list-item-right">{{hotelProtocol.middle_money_date}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">中款付款金额</view>
				<view class="hs-list-item-right">{{hotelProtocol.middle_money}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">尾款付款日期</view>
				<view class="hs-list-item-right">{{hotelProtocol.tail_money_date}}</view>
			</view>
			<view class="hs-list-item">
				<view class="hs-list-item-left">尾款付款金额</view>
				<view class="hs-list-item-right">{{hotelProtocol.tail_money}}</view>
			</view>
	
			<!-- 合同照片 -->
			<view class="line"></view>
			<view class="photo">
				<view>合同照片</view>
				<view>
					<view class="addPic" v-for="(item, index) in hotelProtocol.image" :key="index">
						<image
							:src="item"
							mode="widthFix"
							@click="
								lookImg({
									list: hotelProtocol.image,
									index: index
								})
							"
						></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		hotelProtocol: Object
	}
}
</script>

<style lang="less">
	@import url("../common.less");
</style>
